body,dd,dt,h1,h2,h3,h4,h5,h6,li,p,ul {

	margin: 0;

	padding: 0

}



h1,h2,h3,h4,h5,h6 {

	font-size: 100%;

	font-weight: 400

}



dd,li,ul {

	list-style: none

}



img {

	border: none;

	outline: none

}



table {

	border-collapse: collapse;

	border-spacing: 0

}



a {

	text-decoration: none;

	cursor: pointer;

	outline: none;

	color: inherit

}



input {

	outline: none

}



em {

	font-style: normal

}



html {

	height: 100%

}



body {

	position: relative;

	font: 12px/1.5 microsoft yahei,arial,sans-serif;

	-webkit-font-smoothing: antialiased;

	background-color: #fff;

	min-width: 1200px;

	color: #323232;

	min-height: 100%;

	box-sizing: border-box

}



button,input,select,textarea {

	font-size: 1em;

	font-family: inherit

}



::-webkit-input-placeholder {

	color: #a9a9a9

}



:-moz-placeholder {

	color: #a9a9a9

}



::-moz-placeholder {

	color: #a9a9a9

}



:-ms-input-placeholder {

	color: #a9a9a9

}



.scroll::-webkit-scrollbar {

	width: 8px;

	background: #eee

}



.scroll::-webkit-scrollbar-thumb {

	border-radius: 4px;

	background: #ddd

}



.hidden {

	display: none!important

}



.disabled {

	opacity: .5;

	filter: alpha(opacity=50);

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";

	cursor: default;

	-webkit-user-select: none;

	-ms-user-select: none;

	user-select: none

}



:disabled {

	opacity: .5;

	filter: alpha(opacity=50);

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";

	cursor: default;

	-webkit-user-select: none;

	-ms-user-select: none;

	user-select: none

}



.layout {

	width: 1200x;

	margin: 0 auto;

}





.clearfix:after,.clearfix:before {

	content: '';

	display: table;

	font: 0/0 a

}



.clearfix:after {

	clear: both

}





.mod-header {

	width: 100%;

	font-size: 14px;

	position: relative;

	box-sizing: border-box;

	color: #fff; background-color:#b80e12;

	z-index: 10;

	transition: background .3s ease

}



.mod-header .layout {

	width: 1200px;

	position: relative

}





.mod-header-nav {

	position: relative;

	float: left

}



.mod-header-nav li {

	position: relative;

	float: left;

    line-height: 15px;

}



.mod-header-nav a:hover {

	text-decoration: none

}



.mod-header-nav .top-cat {

	text-align: center;

	padding: 24px 2px;

	margin:0 14.5px;

}

.mod-header-nav .top-cat:last-child{ margin-right:0;}

.mod-header-nav .top-cat:first-child {

	margin: 0 0px; width:230px;

	background-color:#7d0000;

}

.mod-header-nav .top-cat:first-child:hover {

	background-color:#7d0000;width:230px;

	border-bottom:0;

}

.mod-header-nav .top-cat h2 {

	position: relative;

	font-size:16px;

}



.mod-header-nav .top-cat h2 a {

	padding: 0;

	position: relative

}



.mod-header-nav .top-cat-arrow {

	content: "";

	width: 20px;

	height: 12px;

	background-image: url(../images/sprite.png);

	background-position: -331px -158px;

	transition: -webkit-transform .3s ease;

	transition: transform .3s ease;

	transition: transform .3s ease,-webkit-transform .3s ease;

	-webkit-transform: rotate(180deg);

	-ms-transform: rotate(180deg);

	transform: rotate(180deg);

	display: inline-block;

	vertical-align: bottom;

	margin-left: 4px

}



.mod-header-nav .top-cat.hassub:active .top-cat-arrow,.mod-header-nav .top-cat.hassub:hover .top-cat-arrow {

	-webkit-transform: rotate(0deg);

	-ms-transform: rotate(0deg);

	transform: rotate(0deg)

}



.mod-header-nav .slider {

	position: absolute;

	bottom: 0;

	left: 0;

	width: auto;

	height: 3px;

	background-color: #fff;

	transition: width .3s ease-out,-webkit-transform .3s ease-out;

	transition: transform .3s ease-out,width .3s ease-out;

	transition: transform .3s ease-out,width .3s ease-out,-webkit-transform .3s ease-out

}



.mod-header.active .mod-header-user .user i:after,.mod-header.hover .mod-header-user .user i:after,.mod-header:hover .mod-header-user .user i:after {

	border-top-color: #333

}



.mod-header.active .mod-header-user .try,.mod-header.hover .mod-header-user .try,.mod-header:hover .mod-header-user .try {

	color: #fff;

	background-color: #0052d9

}



.mod-header .cat {

	position: relative;

	width:1200px; margin:0 auto;

}



.mod-header .cat .layout {

	min-width: 0

}



.mod-header .cat-ico {

	display: inline-block;

	width: 49px

}



.mod-header .cat-box {

	color: #fff;

	font-size: 0;

	box-sizing: border-box;

	padding: 0 0 0 0px;

	background-color: rgba(51,51,51,.95);

	position: absolute;

	width:234px;

	top:60px;

	

	left: 0;

	text-align: left;

	transition: -webkit-transform .3s ease-out;

	transition: transform .3s ease-out;

	transition: transform .3s ease-out,-webkit-transform .3s ease-out;

	-webkit-transform: scaleY(0);

	-ms-transform: scaleY(0);

	transform: scaleY(0);

	-webkit-transform-origin: center top;

	-ms-transform-origin: center top;

	transform-origin: center top

}

.zw{ position:absolute; top:-60px; background-color:#7d0000; width:232px; height:60px;}

.mod-header .cat-box.active,.mod-header .cat-box:hover {

	-webkit-transform: scaleY(1);

	-ms-transform: scaleY(1);

	transform: scaleY(1)

}



.mod-header .cat-group {

	display: inline-block;

	vertical-align: top;

	font-size: 14px;

	margin-left: 12px;

	padding: 25px 0;
	height:450px; overflow:hidden;

}



.mod-header .cat-group:first-child {

	margin-left: 0

}





.mod-header .cat-item {

	display: block;
	border-bottom:1px solid #333;

	width: 234px;

	box-sizing: border-box;

	padding: 14px 0 14px 15px;

	margin-bottom: 4px;

	font-size: 14px;

	line-height: 1

}



.mod-header .cat-item:hover {

	background-color: #42464c

}

.mod-header .cat-item a {color: #fff}

.mod-header .cat-item a:hover {	color: #1070e1}

.mod-header .cat-item-sub {

	margin-top: 7px;

	font-size: 12px

}



.mod-header .cat-item-sub a {

	display: inline-block;

	vertical-align: middle;

	color: #a3a3a3;

	margin-top: 0px;

	padding-right:0px;

	line-height: 22px

}



.mod-header .cat-item-sub a:last-child {padding-right: 0}

.mod-header .cat-item-sub a.disabled {

	color: #a3a3a3;

	cursor: default;

	pointer-events: none;

	opacity: 1;

	filter: alpha(opacity=100);

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"

}



.mod-header .cat-item-row {	display: table-row; width:100%;}

.mod-header .cat-item-row a {

	display: block; width:70px; margin-right:0%; float:left;padding:2px 0;

}



.mod-header .cat-tag {

	display: inline-block;

	vertical-align: middle;

	width: 28px;

	height: 12px;

	margin-left: 6px;

	margin-top: -2px

}



@media screen and (max-width:1400px) {

	.mod-header .cat-box {

		padding: 0 0 0 0px

	}



	.mod-header .cat-group {

		margin-left: 6px

	}

}



html[lang=en] body {

	font-family:

	Arial,sans-serif

}

/*µ¼º½end*/

.mt20 {

    margin-top: 20px !important;

}

.f19 {

    font-size: 19px !important;

}

.fl{ float:left;}

.fr{ float:right;}

.fb {

    font-weight: bold;

}

.text-primary {

    color: #e74c3c !important;

}

.head-sub {



    background: #fff;



	padding:20px 0;

}



.head-sub .cbox {

	    width: 1200px;

			margin:0 auto;

    height: 80px;

    vertical-align: center;

    position: relative;

}

.logo{ margin-top:-3px;}

.logo img:hover{ width:100%;transform:scale(1)}

.head-sub .cbox .logo img {



    display: block

}

.aboiutj{ padding:20px; line-height:30px; font-size:14px; overflow:hidden;}
.aboiutj img:hover{transform:scale(1)}
.head-sub .cbox .logo span {

    color: #000;

    letter-spacing: 0.5px

}



.head-sub .cbox .header-search {

    position: absolute;

    top: 0;

    left: 330px;

    z-index: 103;

    height: 100px;

    width: 460px

}



.head-sub .cbox .header-search .search {

    background: #fff;

    width: 390px;

    height: 36px;

    border: solid 1px #ce2327;

    z-index: 23;

    margin: 20px 0 0 0;

    position: relative

}



.head-sub .cbox .header-search .search .keyword {

    width: 300px;

    height: 35px;

    top: 0;

    line-height: 35px;

    position: absolute;

    border: 0;

    padding: 0 0 0 10px

}



.head-sub .cbox .header-search .search .submit {

    width: 115px;

    height: 36px;

    background: #ce2327;

    color: #fff;

    border: 0;

    position: absolute;

    right: 0;

    outline: none;

    line-height: initial;

    top: 0;

    cursor: pointer

}



.head-sub .cbox .header-search .search .submit i {

    display: block;

    width: 20px;

    height: 20px;

    position: absolute;

    line-height: 1;

    left: 27px;

    top: 11px

}



.head-sub .ewm {

    width: 72px; text-align:center;; font-size:12px; line-height:13px; margin-left:40px;

}

.head-sub .ewm img{width:100%;}

.head-sub .cbox .tel{ margin-top:10px;width: 260px;}
.head-sub .cbox .tel span{
    line-height: 30px;
    text-align: left; font-size:16px;
	display:block;
	
}
.head-sub .cbox .tel img{width:30px; float:left; line-height:30px;margin-right:5px;}
.head-sub .cbox .tel p{ color:#ce2327; font-size:26px; font-weight:bold;}



/*top end */





/*banner*/

.banner{ width:100%; height:497px; overflow:hidden; position:relative;font-size:0}

.b-img{ height:497px;  position:absolute; left:0; top:0;}

.b-img a{ display:block; height:497px; float:left;}

.b-list{ height:50px; padding-top:450px; position:relative; margin:0 auto;z-index:1;}

.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}

.b-list .spcss{border:3px solid #14ab04;}

.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }

.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }

.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:185px;}

.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:185px;}

.bar-left .emcss{ background-position:0px -100px;}

.bar-right .emcss{ background-position:-50px -100px;}





.ty_title{ text-align:center; margin-bottom:30px;}

.ty_title h3{ font-size:42px;}





.w1200{ width:1200px; margin:0 auto;}

.mod0{ width:100%; height:220px; background-color:#fff; padding:40px 0;}

.mod0 ul{

	white-space: nowrap;

    display:flex;

    flex-direction: row;

    flex-wrap:nowrap;

}

.mod0 li{ background-color:#f7f7f7;display:inline-block;padding:1% 1% 1% 1%; margin:0 1% 1.2% 1%; width:20%; text-align:center;}



.mod0 li:hover{

	-webkit-transition: all 400ms ease;

    -moz-transition: all 400ms ease;

    -o-transition: all 400ms ease;

    transition: all 400ms ease;

	

    -webkit-transform: scale(1.04);

    -moz-transform: scale(1.04);

    -o-transform: scale(1.04);

    transform: scale(1.04);;

    z-index: 5;

	box-shadow: 0 0 10px 5px #f1f1f1;

	background-color:#da251c;

}



.mod0 li:first-child{ margin-left:0;}

.mod0 li:last-child{ margin-right:0;}

.mod0 li i{ display:block; width:40%; margin:0px auto; height:46px; float:left;}

.mod0 li h3{ font-size:24px; color:#ff0000; font-weight: bold;}

.mod0 li p{color:#000; line-height:25px; font-size:24px;}

.mod0 li:hover h3{ font-size:20px; color:#fff; font-weight:normal;}

.mod0 li:hover p{color:#fff; line-height:25px;}

.mod0 li:hover span{ color:#fff;}

.mod0 li span{ display:block; text-align:center; font-size:14px; color:#666; margin-top:5px;}











/* offer-form */

#offer-form{

	height: 390px;

	padding: 45px 0;

	background:url(../images/bg_1.jpg) center top no-repeat;

	

}

.offer-form-fl{

	width: 290px;

	margin-right: 20px;

}

.offer-form-fl ul li{

	width: 135px;

	height: 55px;

	padding-top: 90px;

	border-bottom: 1px solid #eee;

	border-right:  1px solid #eee;

	float: left;

	text-align: center; margin:0 4px 8px 4px;

	font-size: 15px;

	color: #2b2b2b;

	border-radius:15px;

	cursor: pointer;



}
.offer-form-fl ul li a{width: 135px; height: 55px; display:block;}
.no{background:#fff url(../images/formIcon01.png) no-repeat center 34px;}
.no:hover{color: #fff;
	background: #da251c url(../images/formIcon001.png) no-repeat center 34px;}
.no1{background:#fff url(../images/formIcon02.png) no-repeat center 34px;}
.no1:hover{color: #fff;	background: #da251c url(../images/formIcon002.png) no-repeat center 34px;}
.no2{background:#fff url(../images/formIcon03.png) no-repeat center 34px;}
.no2:hover{color: #fff;	background: #da251c url(../images/formIcon003.png) no-repeat center 34px;}
.no3{background:#fff url(../images/formIcon04.png) no-repeat center 34px;}
.no3:hover{color: #fff;	background: #da251c url(../images/formIcon004.png) no-repeat center 34px;}
.offer-form-fr{

	width: 890px;

	height: 300px;

	border-radius: 5px; 

	background: #fff;

}

.hide{

	display: none;

}

.form-message{

	padding: 38px 0 0 42px; width:60%;

}

.form-message .text1{font-size:14px; margin-right:5px; line-height:18px;}

.form-message ul li .text{ font-size:14px; margin-right:5px; line-height:35px;}

.form-message img{

	width: 328px;

	height: 238px;

	border-radius: 5px; 

}

.form-message ul{

	width: 100%;

	float: left;

	margin-top:5px;

	margin-right: 32px;

}

.form-message ul li{

	margin-bottom: 15px;

	position: relative; width:48%; float:left; margin-right:2%;

}

.form-message ul li.submit{ width:100%;}

.form-message ul li input[type="text"]{

	width: 170px;

	height: 32px;

	padding-left: 10px;

	color:#333;

	border: 1px solid #d7d7d7;

	border-radius: 3px; 

	font-size: 14px; float:left;

}

.form-message ul li span{

	position: absolute;

	top: 10px;

	right: 25px;

	font-size: 12px;

	color: #999;

}

.offer-form-fr .form-message ul li input[type="button"],

.offer-form-fr .form-message ul li input[type="submit"]{

	width: 510px;

	height:48px;;

	border: none;

	color: #fff;

	background: #da251c;

	border-radius: 5px;

	font-size: 24px; margin-top:5px;

}

.form-message ul li:nth-of-type(3){

	margin-bottom: 13px;

}

.form-message ul li:nth-of-type(4){

	margin-bottom: 7px;

}

.form-message ul li:last-of-type{

	font-size: 12px;width:100%;

	color: #6d6d6d;

	text-align: center;

}

.form-message input::-webkit-input-placeholder {

	color: #999;

}

.form-message input:-ms-input-placeholder { 

	color: #999;

}

.form-message input:-moz-placeholder { 

	color: #999;

}

.form-message input::-moz-placeholder {

	color: #999;

}

.offer-form-con .right{ width:30%; margin:30px 30px 0 0;}

.offer-form-con .right .text{ width:84%; height:100px; border-radius:10px; background-color:#f7f7f7; padding:8%; font-size:15px; line-height:25px; margin-bottom:15px;}

.offer-form-con .right span{width: 100%;

    height: 48px;

    border: none;

    color: #fff;

    background: #da251c;

    border-radius: 5px; line-height:48px;

    font-size: 14px; display:block; text-align:center;

    margin-top: 5px;}



/*¸´Ñ¡¿ò*/

.cbx {

  -webkit-user-select: none;

  user-select: none;

  cursor: pointer;

  padding: 6px 8px;

  border-radius: 6px;

  overflow: hidden; font-size:14px; line-height:35px;

  transition: all 0.2s ease;

}



.cbx span {

  float: left;

  vertical-align: middle;

  transform: translate3d(0, 0, 0);

}

.cbx span:first-child {

  position: relative;

  width: 15px;

  height: 15px;

  border-radius: 4px;

  transform: scale(1);

  border: 2px solid #d9d9d9;

  transition: all 0.2s ease;

}

.cbx span:first-child svg {

  position: absolute;

  top: 2px;

  left: 1px;

  fill: none;

  stroke: #fff;

  stroke-width: 2;

  stroke-linecap: round;

  stroke-linejoin: round;

  stroke-dasharray: 16px;

  stroke-dashoffset: 16px;

  transition: all 0.3s ease;

  transition-delay: 0.1s;

  transform: translate3d(0, 0, 0);

}

.cbx span:last-child {

  margin:0 12px 0 6px;

  line-height: 18px;

}

.cbx:hover span:first-child {

  border-color: #da251c;

}

.inp-cbx:checked + .cbx span:first-child {

  background: #da251c;

  border-color: #da251c;

  animation: wave 0.4s ease;

}

.inp-cbx:checked + .cbx span:first-child svg {

  stroke-dashoffset: 0;

}

.inline-svg {

  position: absolute;

  width: 0;

  height: 0;

  pointer-events: none;

  user-select: none;

}



@media screen and (max-width: 640px) {

  body {

    width: auto;

    display: inherit;

    padding: 20px;

  }

  .cbx {

    width: 100%;

    margin-bottom: 4px;

    display: inline-block;

  }

}

@-moz-keyframes wave {

  50% {

    transform: scale(0.9);

  }

}

@-webkit-keyframes wave {

  50% {

    transform: scale(0.9);

  }

}

@-o-keyframes wave {

  50% {

    transform: scale(0.9);

  }

}

@keyframes wave {

  50% {

    transform: scale(0.9);

  }

}



/*case*/

.case{ margin:30px auto;}

.case .title{ width:100%;}

.case .title i{ display:block; width:4px; height:26px; margin:11px 10px 0 0; float:left; background-color:#ff0000;}

.case .title h3{ font-size:30px; color:#000; width:157px;}

.case .title .menu{ margin-top:18px;}

.case .title .menu a{ margin:13px 10px 0 0;}

.case .title .fr{ font-size:15px; margin-top:13px;}

.top_5_case_1{overflow: hidden; width:100%; float:left;}

.top_5_case_1 .case_top img{width: 100%;}

.top_5_case_1 .case_bom{overflow: hidden;}

.top_5_case_1 .case_bom li{width: 292.5px;float: left;margin-right:10px;}

.top_5_case_1 .case_bom li img{width: 100%;}

.top_5_case_1 .look_case{width: 200px;background: #999999;color: #FFFFFF;margin:30px auto;height: 40px;text-align: center;line-height: 40px;font-size: 16px;}







.container{margin: 20px auto;

    width: 1200px;

    border: 1px solid #ededed;

    background: #fff;}

.container1{margin: 20px auto;

    width: 1200px;



    background: #fff;}

.clearfix:after{content:".";display:block;height:0;clear:both;overflow:hidden}

.clearfix{clear:both}

.clearfix{display:block}

.vrmodel_list{margin-top:32px;display:none;}

.vrmodel_list dl{display:inline;float:left;margin-left:10px;width:392px;height:422px;background:#fff;position:relative;}

.vrmodel_list dl:first-child{margin-left:0;}

.vrmodel_list dt{position:relative;width:100%;height:248px;overflow:hidden;}

.vrmodel_list dt img{width:100%;height:100%;}

.vrmodel_list dt i{display:none;position:absolute;width:100%;height:100%;left:0;top:0;background:#1d1d1d url(http://www.0731jkj.com/themes/default/static/images/vrmodel_list_dt.png) no-repeat center center;opacity:0.7;}

.vrmodel_list dd{padding:20px 28px 0 28px}

.vrmodel_list dd h3{display:block;line-height:36px;font-size:22px;color:#231f20;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:normal;}

.vrmodel_list dd p{display:block;height:52px;line-height:26px;font-size:12px;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}

.vrmodel_list dd span{display:block;padding-top:20px;font-size:13px;color:#231f20;font-weight:bold}

.vrmodel_list dl:hover{margin-top:-10px;-moz-box-shadow:2px 2px 5px #757575;-webkit-box-shadow:2px 2px 5px #757575;box-shadow:2px 2px 5px #757575;}

.vrmodel_list dl:hover dt i{display:block;}

.vrmodel_list dl a{text-decoration:none;}

.cases_da{float:left;margin-top:30px;width:404px;height:442px;overflow:hidden;}

.cases_da a{display:block;width:100%;height:100%;position:relative;overflow:hidden;}

.cases_da a > img{display:block;width:424px;height:442px;position:absolute;top:0;left:0;overflow:hidden;background-size:cover;}

.cases_da a > div{position:absolute;bottom:-400px;left:0px;padding:0 46px 40px 46px;width:332px;background:rgba(0,0,0,0.3);color:#fff;transition:all 0.8s ease-in-out;}

.cases_da div h3{display:block;font-size:18px;padding:56px 0 28px 0;text-align:center;opacity:0.8;font-weight:normal;}

.cases_da div p{line-height:28px; text-align:center; width:100%;}

.cases_da div span{display:block;margin:36px auto 0 auto;width:126px;height:38px;line-height:38px;color:#FFF;text-align:center;background:#da251c;}

.cases_da:hover div{bottom:0px;}

.cases_da:hover div span{-webkit-animation:moveTo 1.5s linear infinite;animation:moveTo 1.5s linear infinite}

@keyframes moveTo{0%{-moz-box-shadow:0px 0px 2px #000;-webkit-box-shadow:0px 0px 2px #000;box-shadow:0px 0px 2px #000;}

50%{-moz-box-shadow:0px 0px 15px #000;-webkit-box-shadow:0px 0px 15px #000;box-shadow:0px 0px 15px #000;}

100%{-moz-box-shadow:0px 0px 2px #000;-webkit-box-shadow:0px 0px 2px #000;box-shadow:0px 0px 2px #000;}

}

.cases_xiao{display:inline;float:right;margin-top:20px;width:794px;}

.cases_xiao dd{position:relative;display:inline;float:left;margin:12px 0 0 12px;width:252px;height:216px;overflow:hidden;}

.cases_xiao dd > a{display:block;height:100%;}

.cases_xiao dd img{width:100%;height:100%;transition:all 0.6s;}

.cases_xiao dd i,.cases_da i{position:absolute;right:10px;top:10px;font-style:normal;padding:0 18px;height:32px;line-height:32px;color:#fff;background:#000;opacity:0.8;border-radius:5px;}

.cases_xiao dd .text{position:absolute;left:0;bottom:-32px;width:100%;height:64px;line-height:25px;text-align:left;background:rgba(255, 255, 255, 1);color:#000;font-weight:normal;transition:all 0.3s ease-in-out;}

.cases_xiao dd .text span{ margin-top:-5px; display:block;}

.cases_xiao dd .text b{ color:#ff0000;}

.cases_xiao dd .text h4{ line-height:35px;}

.cases_xiao dd:hover .text{bottom:0px;}

.cases_xiao dd img:hover{transform:scale(1.2)}

img{ width:100%;transition: all 0.6s;}

img:hover{transform:scale(1.2)}



.hot{ margin:30px auto;}

.hot .title{ width:100%; float:left; margin-bottom:20px;}

.hot .title i{ display:block; width:4px; height:26px; margin:11px 10px 0 0; float:left; background-color:#ff0000;}

.hot .title h3{ font-size:30px; color:#000; width:157px;}

.hot .title .menu{ margin-top:18px;}

.hot .title .menu a{ margin:13px 10px 0 0;}

.hot .title .fr{ font-size:15px; margin-top:13px;}



.hot li{ float:left; width:32.6%; margin-right:1%; position:relative; margin-bottom:1%;}

.hot li:nth-child(3n){ margin-right:0;}

.hot li .pic{ width:100%; height:290px; overflow:hidden;}

.hot li .pic img{ width:100%;transition: all 0.6s;}

.hot li .pic img:hover{ transform: scale(1.1);}

.hot li span{ position:absolute; right:0; top:0; color:#fff; background-color:rgba(0,0,0,0.8); padding:15px; font-size:16px;}

.hot li b{ color:#ff0000;}

.hot li .text{ width:58%; position: absolute; background-color:rgb(0,0,0,0.3); height:45px; line-height:45px; padding:0px 0 0 20px; color:#fff;bottom:20px; left:0; border-radius:0 4px 4px 0; font-size:15px;}





.foot_ly{ width:100%; float:left; background:url(../images/feedback.jpg) center top no-repeat; height:240px; margin-top:30px; padding:70px 0 20px 0; text-align:center;}

.foot_ly .title{ text-align:center; margin-bottom:40px;}

.foot_ly h3{ font-size:46px; color:#fff;}

.foot_ly .title span{ color:#fff; font-size:18px;}





.foot_ly ul{

	width: 100%;

	float: left;

	margin-top:5px;

	margin-right: 32px;

}

.foot_ly ul li{

	margin-bottom: 15px;

	position: relative;display:inline-block;margin-right:2%;

}

.foot_ly ul li input[type="text"]{

	width: 240px;

	height: 36px;

	padding-left: 10px;

	color:#333;

	border: 1px solid #d7d7d7;

	border-radius: 3px; 

	font-size: 14px;

}



.foot_ly ul li input[type="button"],

.foot_ly ul li input[type="submit"]{

	width: 110px;

	height:40px;;

	border: none;

	color: #fff;

	background: #da251c;

	border-radius: 3px;

	font-size: 14px;

}





.foot_ly input::-webkit-input-placeholder {

	color: #999;

}

.foot_ly input:-ms-input-placeholder { 

	color: #999;

}

.foot_ly input:-moz-placeholder { 

	color: #999;

}

.foot_ly input::-moz-placeholder {

	color: #999;

}





/*footer*/

.footer{width:100%;background:#FAFAFA url(../images/foot_bg.jpg) no-repeat center top;height:260px;padding:20px 0;}

.footer .menu{ margin:10px 0 30px 0; color:#fff;}

.footer .menu a{ color:#fff; font-size:15px; margin:0 20px;}

.footer .menu a:nth-child(1){ margin-left:0;}

.footer .foot_2{ width:100%; float:left;}

.footer .lanmu { width:43%;}

.footer .lanmu li{ float:left; width:33%; color:#fff;}

.footer .lanmu li h3{ font-size:18px; margin-bottom:10px;}

.footer .lanmu li a{ display:block; float:left; width:100%; color:#fff; margin:3px 2px;}



.footer .tel{ margin:20px 50px; float:left;}

.footer .tel span{

    line-height: 30px;

    text-align: left; font-size:16px;

	display:block; color:#fff;

	

}

.footer .tel img{width:30px; float:left; line-height:30px;margin-right:5px;}

.footer .tel p{ color:#ce2327; font-size:26px; font-weight:bold;}

.footer .ewm{ width:23%; color:#fff; font-size:14px;}

.footer .ewm div{ width:50%; float:left; text-align:center;}

.footer .ewm div img{ width:80%;display:block; margin:5px auto 10px auto;}



.links{width:100%; border-top:1px solid #333; margin:10px 0; color:#fff; padding:0; float:left; line-height:40px;}

.links h3{ font-size:14px; margin-right:20px;}

.links a{ margin:0 10px; color:#d7d7d7;}





/*about main*/

.position{ font-size:14px; padding:15px 0; text-align:left; text-indent:5px; margin-top:20px;}

.main{ width:100%; background-color:#f7f7f7; padding:10px 0 30px 0;height:100%; overflow:hidden;!important ;*height:auto;}

.main .bs{ background-color:#fff;height:100%; overflow:hidden;!important ;*height:auto; width:88%;padding:6%;}

.main .m_center{ margin-top:10px;}

.main .left{ width:22%;}

.main .left .mod_01{ margin-bottom:15px;}



.mod_01 h3{ font-size:20px; text-align:center; margin-bottom:20px;}

.mod_01 ul{

	margin-top:5px;

}

.mod_01 ul li{

	margin-bottom: 15px;

	position: relative;

	width:100%; text-align:center;

}

.mod_01 ul li input[type="text"]{

	width: 97%;

	height: 36px;

	padding-left: 3%;

	color:#333;

	border: 1px solid #d7d7d7;

	border-radius: 3px; 

	font-size: 14px;

}

.mod_01 ul li span {

    position: absolute;

    top: 10px;

    right: 20px;

    font-size: 12px;

    color: #999;

}

.mod_01 ul li input[type="button"],

.mod_01 ul li input[type="submit"]{

	width: 100%;

	height:45px;;

	border: none;

	color: #fff;

	background: #da251c;border: 1px solid #da251c;

	border-radius: 3px;

	font-size: 16px;

}





.mod_01 input::-webkit-input-placeholder {

	color: #999;

}

.mod_01 input:-ms-input-placeholder { 

	color: #999;

}

.mod_01 input:-moz-placeholder { 

	color: #999;

}

.mod_01 input::-moz-placeholder {

	color: #999;

}





.main .left .mod_02{ margin-bottom:15px;}

.main .left .title{ border-bottom:1px solid #d7d7d7; height:40px; line-height:40px; margin-bottom:20px;}

.main .left .title h3{ font-size:18px; color:#000; float:left;}

.main .left .title .more{ font-size:12px; color:#888;}



.mod_02 ul{ width:100%; float:left;}

.border_top{ border-top:1px solid #d7d7d7;padding:4px 0; margin-top:4px;}

.mod_02 .pic{ width:100%; height:120px; overflow:hidden; margin-bottom:10px;}

.mod_02 .pic img{ width:100%;}

.mod_02 li{ margin:5px 0; width:100%; float:left;}

.mod_02 li span{ display:block; float:left; font-size:15px;}

.mod_02 li i{ display:block; float:right; font-style:normal; color:#b80e12;}



.mod_03 li{ line-height:30px; font-size:14px;}







.main .right{ width:69%;padding:3%; background-color:#fff; overflow:hidden;height:100%; overflow:hidden;!important ;*height:auto;}

.main .right .list{width:100%;}

.main .right .list li{float:left; border-bottom:dashed 1px #e4e8ef; padding:10px 0 15px 0; margin:0px 0 15px 0; width:100%;}

.main .right .list li .pic{ width:20%; overflow:hidden;}

.main .right .list li .pic img{ width:100%;}

.main .right .list li .fr{width:76%;}

.main .right .list li h3{ font-size:18px; color:#000;}

.main .right .list li p{ width:100%; float:left; font-size:14px; color:#777; line-height:25px; margin:6px 0 12px 0;}

.main .right .list li span{ display:block; float:left; font-size:13px; color:#888}

.main .right .list li i{ font-style:normal; display:block; float:right; width:110px; height:40px; line-height:40px; text-align:center; background-color:#b80e12; border-radius:5px; color:#fff;}

.main .right .list li i a{ color:#fff;}





/* pager */

.pager  {  display:block; width:100%; height:auto; padding:5px 0 5px; text-align:center; clear:both; margin-bottom:5px; border-top:0px dashed #d7d7d7;}

.pager li{  display:inline-block;color:#333;height:30px; line-height:30px;text-decoration:none;border-radius:2px; margin:0 2px;}

.pager li a{  display:inline-block; border:1px solid #c5c0c0; color:#333; background:#fff; height:30px; line-height:30px; padding:0px 12px; text-decoration:none; border-radius:2px;  }

.pager li a:hover {  background:#f5f5f5; border-color:#aaa; color:#aaa; text-decoration:none; }

.pager li.active {background:#b80e12; font-weight:bold; color:#fff;padding:0px 12px;height:30px; line-height:30px;border:0px solid #c5c0c0;}

.pager li.active:hover{background:#f5f5f5;}

.pager li span.dot {  background:#8d5248; border-color:#0a6c00; font-weight:bold; color:#fff;  }

.pager li span:first-child {}

.pager li .pageinfo{display:inline-block; border:1px solid #d7d7d7; color:#666; background:#fff; height:30px; line-height:30px; padding:0px 12px; text-decoration:none; margin:0 5px; border-radius:2px; }

.pager li .pageinfo:hover{}





.index_sjs{ width:100%; height:870px; background:url(../images/sjs_bg.jpg) center top no-repeat; padding-top:50px;}

.index_sjs .title h3{ font-size:42px; color:#fff; text-align:center; margin:20px  auto;}

.index_sjs .title i{ display:block; width:100px; height:2px; background-color:#fff; margin:0 auto;}



.gyzs{ width:1200px; margin:30px auto;}

.gyzs .title h3{ font-size:42px; color:#000; text-align:center; margin:20px  auto;}

.gyzs .title i{ display:block; width:100px; height:2px; background-color:#fff; margin:0 auto;}

.gyzs ul{ text-align:center;}

.gyzs li{ width:24%; display: inline-block; margin-right:1%;}

.gyzs li:nth-child(4n){ margin-right:0;}

.gyzs li .pic{ width:100%; height:190px; overflow: hidden;}

.gyzs li .pic img{ width:100%;}

.gyzs li h3{ font-size:16px; color:#000; line-height:45px; text-align:center;}





.index_news{ width:1200px; margin:30px auto;}

.index_news .title h3{ font-size:42px; color:#000; text-align:center; margin:20px  auto;}

.index_news .title i{ display:block; width:100px; height:2px; background-color:#fff; margin:0 auto;}

.index_news .menu{ text-align:center; font-size:15px;}

.index_news .menu li{ width:140px; line-height:45px; text-align:center; margin:0 5px; display:inline-block; border:1px solid #d7d7d7; border-radius:3px;}

.index_news .menu li:hover,.index_news .menu li.on{ background-color:#b80e12; border:0px;}

.index_news .menu li:hover a,.index_news .menu li.on a{ color:#fff;}

.index_news .list{ width:100%; margin:50px 0 0 0; float:left;}

.index_news .list1{ width:47%;}

.index_news .list1 li{ width:100%; float:left; padding:10px 0;}

.index_news .list1 li .pic{width:30%; height:100px; overflow:hidden; float:left;}

.index_news .list1 li .text{ float:right; width:66%;}

.index_news .list1 li .pic img{ width:100%;}

.index_news .list1 h3{ font-size:18px; color:#000;}

.index_news .list1 i{ font-size:13px; font-style:normal; margin:5px 0; display:block; color:#999;}

.index_news .list1 p{ line-height:20px; color:#888; margin:5px 0 0 0; font-size:13px;}





.index_news .list2{ width:47%; float:right; margin-right:10px;}

.index_news .list2 li{ width:100%; float:left; padding:10px 0; border-bottom:1px solid #f1f1f1; margin: 0 0 3px 0;}

.index_news .list2 li .text{ float:right; width:100%;}

.index_news .list2 h3{ font-size:18px; color:#000; float:left; width:80%;}

.index_news .list2 i{ font-size:13px; font-style:normal; margin:5px 0; display:block; color:#999; float:right; width:20%; text-align:right;}

.index_news .list2 p{ line-height:20px; color:#888; margin:2px 0 0 0; font-size:13px; display:block;width:100%; float:left;}





.b_cont{width:234px;overflow:hidden;margin:0px auto 0 auto;position:relative;}

.ct_p_05{width:234px;height:502px;float:left;text-align:center; overflow:hidden;}

.ct_p_05 .ct_txt{display:block;line-height:50px;*line-height:50px;overflow:hidden;color:#000;cursor:pointer;filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0,startColorstr = '#8c000000', endColorstr = '#8c000000' );background-color:rgba(0,0,0,0);_background:none;position: relative;font-size: 16px;}

.ct_p_05 a:hover .ct_txt{color:#fff;text-decoration: underline;}



.scrDotList_wrap{text-align:center;width:100%;position:absolute;bottom:0px;}

.scrDotList{padding:0 10px;zoom:1;line-height: 0;}

.scrDotList span{display:inline-block;width:10px;height:10px;background:#fff;cursor:pointer;font-size:0;line-height:0;vertical-align:top;font-size: 0px;margin: 0 5px; border-radius:50%;}

.scrDotList span.on{background:#fff;}



a.scrArrAbsLeft{position:absolute;left:0;bottom:310px;width:35px;height:35px; background:url(../images/0813_ent_zyc_images_v2.png) left no-repeat;cursor:pointer;}

a.scrArrAbsLeft:hover{}

a.scrArrAbsRight{position:absolute;right:-1px;bottom:310px;width:35px;height:35px;background:url(../images/088.png) no-repeat;cursor:pointer;}

a.scrArrAbsRight:hover{}

.b_cont{width:234px;overflow:hidden;margin:0px auto 0 auto;position:relative;}

.ct_p_05{width:234px;height:502px;float:left;text-align:center; overflow:hidden;}

.ct_p_05 .ct_txt{display:block;line-height:50px;*line-height:50px;overflow:hidden;color:#000;cursor:pointer;filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0,startColorstr = '#8c000000', endColorstr = '#8c000000' );background-color:rgba(0,0,0,0);_background:none;position: relative;font-size: 16px;}

.ct_p_05 a:hover .ct_txt{color:#fff;text-decoration: underline;}



.scrDotList_wrap{text-align:center;width:100%;position:absolute;bottom:0px;}

.scrDotList{padding:0 10px;zoom:1;line-height: 0;}

.scrDotList span{display:inline-block;width:10px;height:10px;background:#fff;cursor:pointer;font-size:0;line-height:0;vertical-align:top;font-size: 0px;margin: 0 5px; border-radius:50%;}

.scrDotList span.on{background:#fff;}







.clearfix:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

    font-size: 0;

}



.clearfix {

    *zoom: 1;

}



.Cooldog_container {

width:1400px;

    height: 560px;

    margin: 80px auto 0;

    position: relative;

    overflow: hidden;

}



.Cooldog_container .Cooldog_content {

    position: absolute;

    width:1200px;

    height:560px;

    top: 0;

	left:8%;



}



.Cooldog_container .Cooldog_content li {

    position: absolute;

    top: 0;

    left: 0;

    width: 1200px;

    height: 560px;

    transition: all 0.3s ease;

}



.Cooldog_container .Cooldog_content li img {

    width: 100%;

    height: 100%;

    vertical-align: middle;

    display: inline-block;

}

.Cooldog_container .Cooldog_content li img:hover{transform:scale(1);}

.article img:hover{transform:scale(1);}

.Cooldog_container .btn_left, .Cooldog_container .btn_right {

    display: none;

    width: 126px;

    height: 179px;

    position: absolute;

    top: 21px;

    z-index: 50;

    color: #fff;

    line-height: 179px;



}



.Cooldog_container .btn_left {

    text-align: left;

    left: 0;

}



.Cooldog_container .btn_right {

    text-align: right;

    right: 0;

}



.Cooldog_container i {

    font-size: 50px;

}



.Cooldog_container .btn_close {

    position: absolute;

    top: 0;

    right: 0;

    width: 20px;

    height: 20px;

    display: none;

    line-height: 20px;

    text-align: center;

    background-color: #BCB9B9;

    color: #fff;

}



.Cooldog_container .btn_close i {

    font-size: 18px;

}



.Cooldog_container .buttons {

    width: 200px;

    height: 5px;

    line-height: 5px;

    position: absolute;

    bottom: 15px;

    right: 10%;

    /* margin-left: -185px; */

    z-index: 80;

}



.Cooldog_container .buttons a {

    float: left;

    width: 40px;

    height: 5px;

    background-color: #898F94;

    margin-right: 15px;

}



.Cooldog_container .buttons a.color {

    background-color: #92ffff;

}



.Cooldog_container .buttons a:last-child {

    margin-right: 0;

}







.p3 {

    transform: translate3d(-225px, 0, 0) scale(0.81);



    opacity: 0.8;

    z-index: 3;

}



.p4 {

    transform: translate3d(0px, 0, 0) scale(1);

    opacity: 1;

    z-index: 4;

}



.p5 {

    transform: translate3d(420px, 0, 0) scale(0.81);

opacity:0.8;

filter:alpha(opacity=80);



    z-index: 3;

}



.shoyesjl{ width:731px; height:547px; position:absolute; z-index:1; }

.shoyesjl1{width: 603px;

    height: 454px;

    background-color: rgba(0, 0, 0, 0.6);

    position: relative;

    top: 97px;

    left: 604px;

    z-index: 99999999999999;}

.shoyesjl1q{ width:285px; height:454px; float:left;}

.shoyesjl1w{ width:300px; float:right;}

.shoyesjl1w1{ font-size:44px; color:#F00;  padding-left:25px;}

.shoyesjl1w2{ line-height:100px; font-size:26px; color:#FFF; font-weight:600; padding-left:25px;}

.shoyesjl1w2 span{ font-size:14px; padding-left:10px; font-weight:normal;}

.shoyesjl1w3{ background:#F00; color:#FFF; width:170px; height:40px; text-align:center; line-height:40px; margin-left:25px; font-size:18px;}

.shoyesjl1w4{ color:#FFF; font-size:18px; padding-left:25px; padding-top:30px;}

.shoyesjl1w5{ border:1px solid #FFF; width:166px; height:52px; text-align:center; line-height:52px; margin-top:30px; color:#FFF; font-size:18px; margin-left:25px;}



.dibupiaofu{left: 0;

        position: fixed; 

        bottom: 0; 

        width: 100%; height:70px; background-color: rgba(203, 0, 0, 0.85); z-index:99999; 

}

.dibupiaofu .ht {

    width: 100%;



}



.xiangxia {

    width: 200px;

    height: 100px;

    float: right;

    background: url(../images/gg.png) left no-repeat;

    margin-top: -50px;

}



.dibupiaofu .ht .xiangxia i {

    color: #e74c3c

}











.dibupiaofu .ht form {

    width: 670px;

    position: absolute;

    height: 90px;

    top: 15px;

    left: 304px

}



.dibupiaofu .ht form input {

    display: block;

    width: 237px;

    padding-left: 10px;

    height: 30px;

    float: left;

    margin-right: 20px;

    margin-top: 3px

}



.dibupiaofu .ht form button {

width: 97px;

    height: 30px;

    position: absolute;

    /* padding: 20px 44px; */

    word-break: break-all;

    box-sizing: content-box;

    white-space: normal;

    font-size: 14px;

    margin-top: 2px;

    /* line-height: 25px; */

    /* letter-spacing: 4px; */

    background: #b30909;

    border-color: #ad0000;

    color: #ffffff;

    webkit-filter: drop-shadow(0 0 15px #EEBF23);

    filter: drop-shadow(0 0 15px #f00);



}



.dibupiaofu .ht .zxrx {

    width: 520px;

    height: 140px;

    float: right

}



.dibupiaofu .ht .zxrx .title {

    color: #fff;

    height: 40px;

    line-height: 40px;

    /* width: 80px; */

    float: left;

    font-size: 18px;

}



.dibupiaofu .ht .zxrx .tel {

height: 28px;

    width: 143px;

    text-align: center;

    background: #f7fb0a;

    border-radius: 8px;

    line-height: 30px;

    float: left;

    color: #000;

    font-size: 14px;

    margin-top: 4px;

    margin-left: 20px;

}



.clearfix::after {

    clear: both;

    content: ".";

    display: block;

    height: 0;

    visibility: hidden;

}



.clearfix {

}



.scv-shaixuan{    



    text-align: left;

    font-size: 14px;

    line-height: 40px;

    border-bottom: 1px solid #f5f5f5;}

.scv-shaixuan b{float: left;

    width: 80px;

    line-height: 40px;

    height: 40px;

    text-align: center;

    background: #fffafa;

    margin-right: 20px;}

.scv-shaixuan a{padding: 0 14px;color:#000}

.scv-shaixuan a:hover{color:#c00}

.scv-shaixuan a.active{padding:0 14px;color:#fff;background:#cd001c}